<template>
  <div>
    <h2>stu组件</h2>
    <!-- 模板中直接使用props数据 -->
    <p>
      <!-- {{ name }} -->
    </p>
    <p>{{ age + 1 }}</p>

    <!-- <button @click="name">修改props</button> -->
  </div>
</template>

<script>
export default {
  //常用: 配置props(将传递给Stu组件的props数据以响应式的方式添加到组件实例上)
  //   props: ['name', 'age', 'obj'],

  // 简单校验数据类型
  //   props: {
  //     name: String,
  //     age: Number,
  //   },

  props: {
    name: {
      type: String,
      required: true, //表示name属性必须写
    },
    age: {
      type: Number,
      default: 99,
    },
  },
}
</script>

<style></style>
